import React from 'react'
import './style.scss'
import {useNavigate} from 'umi'
import Icon from '@/components/Icon'
export default function index() {
const navigate = useNavigate()
 
  return (
    <div className="foolt_detail">
      <div className='foolt_detail01'>
      <div className='fooltItems'>
<Icon name = '&#xe66a;' size={20} />
<span>联系商家</span>
      </div>
      <div className='fooltItems'>
      <Icon name = '&#xe6a7;' size={20} />
<span>店铺</span>
      </div>
      <div className='fooltItems' onClick={
        () => {
          navigate('/cart')
        }
      }>
      <Icon name = '&#xe614;' size={20} />
<span>购物车</span>
      </div>
      </div>
     
      <div className='foolt_detail02'>
<div style={{backgroundColor: '#fc5a5a',width: '50%', height: '45px'}}>
  <span>加入购物车</span>
</div>
<div style={{backgroundColor: '#3c3f51',width: '50%', height: '45px'}}>
  <span>立即购买</span>
</div>
      </div>
    </div>
  )
}
